import React from 'react'
import Styles from './footer.less'
import { footer } from 'constants/footer'
function Footer(props) {
    const { links, authorIntro } = footer
    return (
        <div className={Styles.footer}>
            <div className={Styles.footerContainer}>
                <div className={Styles.links}>
                    <img src="/static/image/logo_transparent.png" width="184" height="26" className={Styles.footerLogo}/>
                    {
                        links.map((item) => (
                            <div className={Styles.col} key={item.title}>
                                <div className={Styles.colTitle}>
                                    {item.title}
                                </div>
                                {
                                    item.sublinks.map(entity => (
                                        <a className={Styles.link} href={entity.link} key={entity.name}>{entity.name}</a>
                                    ))
                                }
                            </div>
                        ))
                    }
                </div>
                <div className={Styles.authorIntro}>
                    {
                        authorIntro.map((item) => (
                            <span className={Styles.introItem} key={item}>{item}</span>
                        ))
                    }
                </div>
            </div>
        </div>
    )
}
export default Footer

